<!--
    .waf-widget-color-palette{}
    .waf-widget-color-palette-top-bar{}
    .waf-widget-color-palette-table{}
    .waf-widget-color-palette-cell{}
    .waf-widget-color-palette-gray-scale{}
    .waf-widget-color-palette-base-colors{}
    .waf-widget-color-palette-base-shades{}

-->
<div class="waf-widget-color-palette">
    <div class="waf-widget-color-palette-top-bar">
        <span id="spanRemove" class="waf-widget-color-palette-cell" style="background-color:#FFFFFF;padding:0px 4px 0px 4px;" title="Remove Color">
            X
        </span>
        <span id="spanColorValue" class="waf-widget-color-palette-cell" style="width:auto;margin-left:3px;padding:0px 2px 0px 2px;">
        </span>
    </div>

    <div id="divColors">    <div class="waf-widget-color-palette-gray-scale">
            <table cellspacing="0" cellpadding="0" class="waf-widget-color-palette-table" style="margin-top:4px;">
                <tbody>
                    <tr>
                        <td class="waf-widget-color-palette-cell" style="background-color:#000000;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#444444;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#666666;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#999999;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#CCCCCC;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#EEEEEE;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#F3F3F3;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#FFFFFF;"/>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="waf-widget-color-palette-base-colors">
            <table cellspacing="0" cellpadding="0" class="waf-widget-color-palette-table">
                <tbody>

                    <tr>
                        <td class="waf-widget-color-palette-cell" style="background-color:#FF0000;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#FF9900;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#FFFF00;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#00FF00;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#00FFFF;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#0000FF;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#9900FF;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#FF00FF;"/>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="waf-widget-color-palette-base-shades">
            <table cellspacing="0" cellpadding="0" class="waf-widget-color-palette-table">
                <tbody>
                    <tr>
                        <td class="waf-widget-color-palette-cell" style="background-color:#F4CCCC;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#FCE5CD;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#FFF2CC;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#D9EAD3;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#D0E0E3;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#CFE2F3;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#D9D2E9;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#EAD1DC;"/>
                    </tr>
                    <tr>
                        <td class="waf-widget-color-palette-cell" style="background-color:#EA9999;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#F9CB9C;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#FFE599;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#B6D7A9;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#A2C4C9;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#9FC5E8;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#B4A7D6;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#D5A6DB;"/>
                    </tr>
                    <tr>
                        <td class="waf-widget-color-palette-cell" style="background-color:#E06666;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#F6B26B;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#FFD966;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#93C47D;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#76A5AF;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#6FA8DC;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#8E7CC3;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#C27BA0;"/>
                    </tr>
                    <tr>
                        <td class="waf-widget-color-palette-cell" style="background-color:#CC0000;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#E69138;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#F1C232;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#6AA84F;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#45818E;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#3D85C6;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#674EA7;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#A64D79;"/>
                    </tr>
                    <tr>
                        <td class="waf-widget-color-palette-cell" style="background-color:#990000;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#B45F06;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#BF9000;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#38761D;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#134F5C;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#0B5394;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#351C75;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#741B47;"/>
                    </tr>
                    <tr>
                        <td class="waf-widget-color-palette-cell" style="background-color:#660000;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#783F04;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#7F6000;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#274E13;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#0C343D;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#073763;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#20124D;"/>
                        <td class="waf-widget-color-palette-cell" style="background-color:#4C1130;"/>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>